<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			/*标签名选择器*/
			span{
				background-color: darkorange;
				color: blueviolet;
				font-style: oblique;nt-family: "微软雅黑";
				font-size: 30px;
			}
			/*id选择器*/
			#a1{
				border: 2px dotted red;
				background-color: #8A2BE2;
				color: #7FFFD4;
				font-size: 30px;
				width: 150px;
			}
			/*类选择器*/
			.b1{
				background-color: cadetblue;
				color: blue;
				font-family: "楷体";
				width:180px ;
				text-align: center;
				font-size: 30px;
				font-weight: 100;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		
		
		<span>长安一片月<br>万户捣衣声</span>
		<br />
		<p id="a1">长安一片月<br>万户捣衣声</p>
		<br />
		<p class="b1">长安一片月<br>万户捣衣声</p> 
		<h4 class="b1">长安一片月<br>万户捣衣声</h4>
		<a href="http://www.baidu.com" target="_blank" class="b1">百度</a>
	</body>
</html>
